/*CSS hove*/
.our-wrap {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #fff;
	padding-top: 40px;
}

/* 头部组样式 */
.header {
	width: 100%;
	background: url(navigation.png) no-repeat center top;
}

.header .top {
	position: relative;
	padding: 16px 0 25px 0;
}

.header .top:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #ffffff;
	opacity: 0.2;
	bottom: -1px;
}
.header .logo a{
	display: flex;
	align-items: center;
}
.header .time ul {
	float: right;
}

.header .time li {
	font-size: 14px;
	line-height: 33px;
	color: #baccc5;
	display: inline-block;
	margin-bottom: 5px;
}

.header .time a {
	position: relative;
	margin-left: 10px;
	padding:2px 5px;
	border-radius: 3px;
	border: solid 1px #ffffff;
	font-size: 13px;
	color: #ffffff;
}

.header .time span {
	padding-right: 5px;
}

.header .time a:hover {
	border: solid 1px #619e8c;
	color: #619e8c;
	opacity: 1;
}

.input-group {
	float: right;
}

.search input {
	background-color: #fff;
	box-sizing: border-box;
	height: 40px;
	width: 306px;
	color: #666666;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 60px;
	border-radius: 0px;
	border: 0;
}

.search-logo {
	position: absolute;
	text-align: center;
	background: none;
	font-size: 16px;
	border: none;
	right: 10px;
	top: 50%;
	margin-top: -12px;
	cursor: pointer;
}

.search:hover .search-logo {
	color: #006346;
	font-size: 18px;
}
.menu-nav{
	display: flex;
}
.menu-nav li {
	box-sizing: border-box;
	position: relative;
}

.menu-nav li a {
	padding: 19px 30px;
	display: block;
	color: #fff;
	font-size: 18px;
	box-sizing: border-box;
}

.menu-nav li:hover a {
	color: #fff;
	background: rgba(3, 66, 47, 0.8);
}
.menu-nav li a:hover{
	color: #9ddecb;
	background-color: #063b2b;
}
.menu-nav li:hover {
	background: rgba(3, 66, 47, 0.8);
}
.menu-nav li:hover dl{
	display: block;
}
.menu-nav li dl{
	display: none;
	position: absolute;
	top:63px;
	left: 0;
	z-index: 22;
	text-align: center;
	width: 100%;
	
}

.menu-nav li  dl a{
	padding: 10px;
	font-size: 16px;
}


/* 绿色传媒 */
.newsMain {
	width: 100%;
	padding: 30px 0;
	background: url(bg1.png) no-repeat right top;
	background-size: 100% auto;
}

.titleBar{
	display: flex;
}
.titleBar img{margin-right: 15px;}
.titleBar a{
	display: inline-flex;
	align-items: center;
}
.titleBar h2{
	font-size: 30px;
	line-height: 1.5;
	color: #333333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.newsMain .BACut {
	margin-top: 12px;
	max-height: 527px;

}

.newsMain .BACut img {
	width: 100%;
	height: 500px;
	transition: all 0.5s;
}
.newsMain .BACut a:hover img{
	transform: scale(1.05);
}
.titleBar .titleList h2:hover {
	color: #006346;
}

/* 绿色传媒 */
.mediaSpread {
	width: 100%;
	background-color: #f7fefb;
	background: rgba(255,255,255,.6);
	padding: 20px 20px 0;
}
.publicHurdle{padding-bottom: 10px;}
.publicHurdle h3 {
	float: left;
	color: #333333;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
}

.publicHurdle a {
	float: right;
	display: block;
	font-size: 14px;
	color: #999999;line-height: 30px;
}

.publicHurdle a:hover {
	color: #006346;
}

.mediaList {
	min-height: 450px;
}

.mediaList li {
	padding-top: 10px;
}
.mediaList li a{
	display: flex;
}
.mediaList .spread-time {
	width: 60px;
	margin-right: 20px;
	padding-bottom: 10px;
}

.mediaList .spread-time {
	color: #333333;
}

.mediaList .spread-time h5 {
	font-size: 19px;
	line-height: 26px;

}

.mediaList .spread-time p {
	font-size: 14px;
	line-height: 26px;
}

.mediaList .spread-list {
	position: relative;
	flex:1;
	display: flex;
	align-items: center;
	padding-bottom: 10px;

}

.mediaList .spread-list p {
	font-size: 15px;
	line-height: 1.5;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}

.mediaList .spread-list:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #dee4e1;
	transition: all ease-out 0.2s;
	bottom: 0px;
}

.swiper-BACutBar {
	width: 100%;
}

.swiper-BACutBar .title-item {
	width: 100%;
	position: absolute;
	bottom: 0;
	font-size: 18px;
	line-height: 26px;
	color: #ffffff;
	padding: 15px 200px 15px 10px;
	background-color: rgba(0, 0, 0, 0.7);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.swiper-BACutBar .swiper-pagination {
	bottom: 16px;
	left: -15px;
	text-align: right;

}

.swiper-BACutBar .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #ffffff;
	opacity: 1;
}

.swiper-BACutBar .swiper-pagination-bullet-active {
	width: 20px;
	height: 10px;
	background-color: #eb2d13;
	border-radius:10px;
}

.mediaList .spread-list:hover p {
	color: #006346;
}

.mediaList .spread-list:hover:before {
	background: #006346;
}

/* 林大要闻-学术校园 */
.campusMain {
	background-color: #ffffff;
	padding-bottom: 20px;
}

.campusMain ul {
	min-height: 306px;

}

.theSameList li {
	position: relative;
	padding: 5px 0;
	line-height: 34px;

}
.theSameList li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.theSameList li p {
	flex:1;
	padding:0 16px;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.theSameList li h6 {
	width: 100px;
	text-align: right;
	font-size: 16px;
	color: #666666;
}

.theSameList li:before {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	background-color: #177055;
	top: 50%;
	margin-top: -3px;
	left: 2px;
}

.theSameList li:hover p {
	color: #006346;
}

.theSameList li:hover:before {
	background-color: #006346;
}
.lingdao li a{
	display: block;
	height: 34px;
	overflow: hidden;
}
.academic-box p {
	width: 100%;
}

/* 林大人物-校园动态组 */

.figureMain {
	width: 100%;
	padding: 30px 0;
	background: url(bg3.png) no-repeat center top;
	background-size:auto 100% ;
}
.figureOut{
	display: flex;
}
.figureBar{
	width: 378px;
	margin-right: 15px;
}
.figureBar .figureBar-bp {
	width: 100%;
	max-height: 260px;
}

.figureBar .figureBar-title {
	position: relative;
	padding: 13px 0;
}

.figureBar-title:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #cacaca;
	bottom: 0px;
}

.figureBar-title p {
	font-size: 18px;
	line-height: 28px;
	height: 56px;
	color: #000000;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.figureBar-title h6 {
	font-size: 16px;
	line-height: 28px;
	color: #666666;
}

.figureNList {
	flex:1;
	height: 360px;
	padding:0 10px;
	background:rgba(255, 255, 255, 0.7);
}

.figureNList .theSameList li p {
	width: 100%;
}

.figureNList .theSameList li,
.dynamicBar .theSameList li {
	border-bottom: 1px solid #e0e0e0;
}

.dynamicBar {
	width: 100%;
	height: 360px;

	background: rgba(255, 255, 255, 0.7)
}

.dynamicBar .theSameList p {
	width: 100%;
}

.dynamicBar .theSameList li:before {

	width: 2px;
	height: 30px;
	background-color: #006346;
	top: 9px;
	left: 0px;
}

.swiper-figureBar {
	width: 100%;
	height: 364px;
}
.swiper-figureBar .img-responsive{
	height: 250px;
	overflow: hidden;
}
.swiper-figureBar img {
	width: 100%;
	height: 100%;
	transition: all 0.5s;
}
.swiper-figureBar a:hover img{
	transform: scale(1.05);
}


.swiper-figureBar .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	bottom: 114px;
	background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
	background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);; /*FireFox*/
	background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  /* Opear */
	background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*IE10及IE10+*/

}

.swiper-figureBar .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
}

.swiper-figureBar .swiper-pagination-bullet-active {
	width: 20px;
	border-radius: 10px;
	background: #eb2d13;
}

/*   林大视频-林大校报组 */
.videoSchoolMain {
	width: 100%;
	background-color: #ffffff;
	padding: 30px 0;
}
.videoBar,.pc-banner{padding-top: 15px;}

.videoBarList .videoImg {
	width: 100%;
	max-height: 216px;
}
.videoBar video{
	display: block;
}
.no-plZore {
	padding-left: 0;
}

.on-plfZ {
	padding: 0;
}

.videTime {
	position: relative;
	background-color: #f2f7f3;
	height: 75px;
	padding: 10px;
	
}

.videTime:nth-child(2){
	margin-bottom: 18px;
}
.videTime .timeLeft {
	position: absolute;
	padding: 10px;
	width: 75px;
	height: 75px;
	color: #ffffff;
	font-size: 18px;
	line-height: 38px;
	font-weight: bold;
	background-color: #006346;
	top: 0;
	left: 0;
	
}
.videTime .timeLeft h5 {
	font-size: 14px;
}

.titleRight {
	padding-left: 80px;
	line-height: 28px;
	color: #333333;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.pc-banner{
	position: relative;
}
.pc-banner .swiper-container .swiper-wrapper{
	height: auto;
}
.pc-banner .swiper-container .swiper-slide {
	width: 185px;
	height: 285px;
	font-size: 13px;
	text-align: center;
}

.pc-banner .swiper-container .swiper-slide .img {
	height: 250px;
	padding: 4px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	transition: all .5s;
}

.pc-banner .swiper-container .swiper-slide:hover .img {
	transform: scale(1.1);
}
.pc-banner img {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}
.pc-banner .swiper-button-prev,
.pc-banner .swiper-button-next {
	
	top: auto;
	bottom: 0px;
	width: 53px;
	height: 16px;
	background: none;
	color: #a0a0a0;
	font-size: 14px;
}
.pc-banner .swiper-button-prev{
	left: 16px;
}
.pc-banner .swiper-button-next{
	right: 16px;
}
.pc-banner .swiper-button-prev::before {
	content: "";
	position: absolute;
	top: 5px;
	left: -15px;
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-right-color: #a0a0a0;
}

.pc-banner .swiper-button-next::after {
	content: "";
	position: absolute;
	top: 3px;
	right: -8px;
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-left-color: #a0a0a0;
}

/*.pc-banner .swiper-container {
	width: 100%;
}

.pc-banner .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	width: 216px;
	height: 242px;
}
.pc-banner .swiper-container .swiper-slide {
	width: 216px;
	height: 242px;
	font-size: 12px;
	text-align: center;
}

.pc-banner .swiper-container .swiper-slide .img {
	width: 216px;
	height: 242px;
	padding: 4px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	transition: all .5s;
}

.pc-banner .swiper-container .swiper-slide:hover .img {
	transform: scale(1.1);
}


@media screen and (max-width: 668px) {
	.pc-banner .swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.pc-banner .swiper-slide-active,
.pc-banner .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 668px) {

	.pc-banner .swiper-slide-active,
	.pc-banner .swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.pc-banner .swiper-slide a {
	background: #fff;
	display: block;
}

.pc-banner .swiper-slide p {
	text-align: center;
	color: #333333;
	font-size: 15px;
	line-height: 30px;
}
.pc-banner .swiper-slide-active a:after {
	background: none;
}





.pc-banner .button {
	margin: 0 auto;
	bottom: 10px;
	position: relative;
}

.pc-banner .button span {
	color: #a0a0a0;
} 
@media screen and (min-width: 668px) {
	
}



@media screen and (max-width: 668px) {
	.pc-banner .button {
		width: 80%;
		bottom: 22px;
		text-align: center;
	}
}


.pc-banner .button .swiper-button-prev,
.pc-banner .button .swiper-button-next {
	text-align: center;
	width: 100px;
	background: none;
	margin-top: 0px;
}

@media screen and (max-width: 668px) {
	.pc-banner .button div {
		width: 80px;
		height: 28px;
	}
}*/

/*返回顶部
.to-top {
	z-index: 9999;
	width: 40px;
	height: 40px;
	font-size: 25px;
	line-height: 35px;
	text-align: center;
	position: fixed;
	bottom: -100px;
	right: 20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	background-color: transparent;
	background-color: rgba(108, 220, 121, 0.5);
	border: solid 1px #006346;
	color: #ffffff;
}

.to-top span {
	line-height: 36px;
}

.to-top:hover {
	background-color: #ffffff;
	border-color: #5ca55e;
	color: #5ca55e;
}

/*返回顶部end*/
/* 	页尾 */
.footer {
	padding: 30px 0 20px;
	background-color: #006346;
}
.footer .col-sm-5{
	float: right;
}

.footerSite{
	display: flex;
}
.footerSite img{
	display: inline-block;
	margin-right: 15px;
}

.siteList li {
	font-size: 14px;
	line-height: 23px;
	color: #ffffff;
}
.qrCodeBar ul{
	display: flex;
	justify-content: flex-end;
}
.qrCodeBar li {
	text-align: center;
	padding-left: 20px;
}

.qrCodeBar p {
	text-align: center;
	color: #FFFFFF;
	margin-top:5px;
}

.navbar-toggle .icon-bar {
	background-color: #fff;
}

.mmobile{
	display: none;
}

/* 自适应 */
@media screen  and (max-width:760px) {
	.dynamicBar{
		min-height: 320px;
		height: 320px;
	}
	.videoBar, .pc-banner{
		padding-top: 0;
	}
  #navbar{display:none;}
  .mobile,.mmobile{ display:block;}
  .header .top{ padding: 15px 0;width: 85%;}
  .newsMain,.campusMain,.figureMain,.videoSchoolMain,.footer{padding:15px 0;}
  .pc{
	  display: none;
  }
  .videoSchoolMain,.figureMain{display: none;}
  .figureBar,.swiper-figureBar{width:100%; height: auto;}
  .swiper-BACutBar .title-item{padding: 6px 80px 6px 6px;font-size: 14px;}
  .swiper-BACutBar .swiper-pagination{bottom: 10px; left:0px}
  .swiper-BACutBar .swiper-pagination-bullet{
	  width: 8px; height: 8px;
  }
  .swiper-BACutBar .swiper-pagination-bullet-active{
	width: 14px; height: 8px;
  }
  .publicHurdle h3{font-size: 18px; line-height: 36px;}
  .publicHurdle a{font-size: 14px; line-height: 36px;}
  .mediaSpread{
	  padding:15px 0;
  }
  .mediaList li{
	padding-top: 8px;
	}
	.mediaList .spread-time{
		width: 48px;
		margin-right: 6px;
		padding-bottom: 8px;
	}
	.mediaList .spread-list{
		padding-bottom: 8px;
	}
	.mediaList .spread-time h5,.mediaList .spread-list p ,.theSameList li p,.theSameList li h6,.figureBar-title h6,.videTime .timeLeft{
		font-size: 14px;
	}
	.mediaList .spread-time p {
		font-size: 12px;
		line-height: 24px;
	}
	.theSameList li{line-height: 28px;}
	.importantNews{padding-top: 15px;}
	.figureNList{width: 100%; margin-top: 10px;}
  .titleBar img{width: 80px; height: 80px; margin-right: 10px;}
  .titleBar h2{font-size: 18px;}
  .figureBar .figureBar-title{padding: 10px 0 4px;}
  .figureBar-title p{font-size: 15px; line-height: 1.4; height: 42px;}
  .dynamic{margin-top: 15px;}
  .videTime{height: 60px; padding: 8px;}
  .videTime .timeLeft{
	  width: 66px;
	  height: 60px;
	  line-height: 24px;font-size: 15px;
  }
  .videTime .timeLeft h5{font-size: 12px;}
  
  .titleRight{
	  padding-left: 66px;
	  font-size: 14px;
	  line-height: 1.3;
  }
  .videoBar .no-plZore{padding: 0; margin-bottom: 15px;} 
  .videoBar .no-plZore:nth-child(2){display: none}
  .pt20{padding-top: 15px;}
  .mt20 {
		margin-top: 15px;
	}
	.pc-banner .swiper-container{padding-bottom: 25px;}
	.pc-banner .swiper-container,.pc-banner .swiper-slide img{height: auto;}
	.footer{text-align: center;   }
	.footer .row{margin: 0;}
	.footer .col-sm-5{
		float: none;padding-top: 5px;
	}
	.footer .footerSite{
		display: flex;
		align-items: center;
		flex-direction: column-reverse;
	}
	.siteList{padding:12px 0; }
	.siteList li{font-size: 13px;}
	.footer .container{padding: 0;}
	.footer .img-responsive{width: 40px; padding-bottom: 10px;}
	.footer img{width: 60px; margin: 0 auto;}
	.figureOut{display: block;}
	.swiper-figureBar .swiper-pagination{
		bottom: 84px;
	}
	#certify {
		position: relative;
	}

	#certify .swiper-button-prev,
	#certify .swiper-button-next {
		font-size: 13px;
	}

	.newsMain .BACut img{    height: 256px;
    object-fit: cover;}
	.swiper-figureBar .img-responsive {
		height: auto;
	}
	#certify .swiper-container .swiper-slide {
		width: 156px;
		height: 242px;
		font-size: 12px;
		text-align: center;
	}

	#certify .swiper-container .swiper-slide .img {
		height: 217px;
		padding: 4px;
		border: 1px solid #dfdfdf;
		background-color: #fff;
		transition: all .5s;
	}
	#certify .swiper-container .swiper-slide:hover .img{
		transform:scale(1.1);
	}
	.qrCodeBar ul{
		display: flex;
		justify-content: center;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.header .top{padding: 12px 0 20px 0;}
	.logo  img{width: 90%; padding-top: 6px;}
	.header .time li{font-size: 13px; line-height: 28px;}
	.search input{width: 286px; height: 32px;}
	.header .time a{font-size: 12px;}
	.menu-nav li a {
		padding: 15px 13px;
		font-size: 15px;
	}
	.swiper-figureBar .img-responsive {
		height: auto;
	}
	.swiper-figureBar .swiper-pagination{
		bottom: 142px;
	}
	.newsMain,.campusMain,.figureMain,.videoSchoolMain,.footer{padding:20px 0;}
	.titleBar img {
		width: 80px;
	}
	.titleBar h2{
		font-size:18px;
	}
	
	.mediaSpread{
		padding: 10px;
	}
	.publicHurdle h3{
		font-size: 20px;

	}
	.mediaList{
		height: 360px;
		min-height: 360px;
		overflow: hidden;
	}
	.mediaList li{
		padding-top: 10px;
	}
	.mediaList .spread-time{
		width: 40px;
		margin-right: 10px;
		padding-bottom: 10px;
	}
	.mediaList .spread-list{
		padding-bottom: 10px;
	}
	.mediaList .spread-time h5,.mediaList .spread-list p ,.theSameList li p,.theSameList li h6,.figureBar-title h6,.videTime .timeLeft{
		font-size: 14px;
	}
	.mediaList .spread-time p {
		font-size: 12px;
		line-height: 26px;
	}
	.theSameList li{line-height: 32px;}
	.figureBar,.swiper-figureBar {
		width: 205px;
		height: 280px;
	}
	.figureNList{
		width: 270px;
		min-height: 320px;
	}
	.figureBar-title p{
		font-size: 16px;
	}
	.dynamicBar{
		min-height: 320px;
	}
	.videTime{height: 60px; padding: 8px;}
	.videTime .timeLeft{
		width: 60px;
		height: 60px;
		line-height: 24px;
		font-size: 15px;
	}
	
	.titleRight{
		padding-left: 60px;
		font-size: 14px;
		line-height: 1.3;
	}
	.pc-banner .swiper-container{
		height: 240px;
	}
	.pc-banner .swiper-slide img {
		height: 210px;
	}
	.campusMain{
		padding-top: 0;
		padding-bottom: 20px;
	}
	.col-sm-8,.col-sm-4{
		padding-right:8px ;
		padding-left:8px ;
	}
}